.timeline-box{position:absolute;bottom:0px;left:0px;min-width:754px; width:100%;height:53px; background:#fff;border: 1px solid #a8dff5; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.8; z-index:5}
.l{width:40px; float:left;}
.c{margin-left:40px; margin-right:60px;padding-top:22px;color:black;}
.r{float:right;width:60px;}
.r p{float:right;padding-top:16px;padding-right:14px;vertical-align:middle; line-height:20px; color:#2476e3}
.r input{margin-right:3px;*margin-right:0;border-color:#2476e3}
.play-img{cursor: pointer;padding-top:14px;padding-left:12px;}
.play-img-dis{padding-top:14px;padding-left:12px;}
.play-img img,.play-img-dis img{width:26px;height:26px;}
.line-out{position:relative;border:1px solid #cccccc;padding:1px;-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;height:2px;}
.line-in{width:0; height:2px;background: #2476e3;}
.time-box{position:absolute; top:-18px;left:-18px; cursor: move; z-index:7}
.time-box .time{color: #2476e3; line-height:12px;}
.time-box .point{width:6px;height:6px;padding: 6px;border:1px solid #c3c3c3;margin:0 auto;background: #fff;-moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; border-radius:12px;}
.time-box .pointin{width:6px; height:6px;background: #2476e3;-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}

.pointNow{position:absolute;top:-6px;right:-6px;width:6px;height:6px;padding: 6px;margin:0 auto;background: #ff9138;-moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; border-radius:12px; z-index:6}
.pointNow .pointin{width:6px; height:6px;background: #fff;-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;}

.time-tip-box{overflow:hidden;}
.time-tip{float:left; padding-top:10px; background: url(images/time.png) center top no-repeat; text-align: center; line-height:15px;}
